<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>广州和晓智控科技</title>
    <style>
        /* 在这一行下面写css */
        /*  2 in master*/
        /*  3 in master learn */
        /*   1 learn git */
        /* 6 master adding */
        /*edit in gitee html */
        /* edit master 8888*/
        /*edit in gitee html */
        /*edit in gitee html 06 */
        /* local master edit 0924 */
        /* adding in local 1029 */
        /* xiaobo 肖波增加一行*/
        /* xiaobo adding test002*/



        {
            padding: 0%;
            margin: 0%;
        }
        
        body {
            background: url(./images/kejihc_306b.jpg) no-repeat;
            background-size: 100%;
            min-width: 800px;
        }
        
        .father {
            width: 100%;
            height: 50px;
            line-height: 50px;
            display: flex;
            background-color: rgba(38, 49, 212, 0.7);
            flex-direction: row;
            /*  水平  202000309 */
            justify-content: space-between;
            /* 控制子项 垂直 */
            align-content: center;
            min-width: 800px;
            /* 垂直*/
            align-items: center;
            /* 控制子项 换行*/
            flex-wrap: wrap;
        }
        
        .div_father {
            display: flex;
        }
        
        .father div span a {
            text-decoration: none;
            color: #fff;
            font-size: 16px;
        }
        
        .left {
            display: flex;
            width: 600px;
            margin-left: 28px;
            justify-content: space-between;
            margin-left: 80px;
            align-items: center;
        }
        
        .right {
            display: flex;
            width: 200px;
            margin-right: 60px;
            justify-content: space-between;
        }
        
        .right img {
            width: 30px;
            height: 30px;
            margin-top: 10px;
        }
        
        .logo {
            width: 100%;
            height: 124px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }
        
        .logo img {
            width: 180px;
            height: 70px;
        }
        
        .ipt {
            width: 100%;
            height: 60px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }
        
        .text {
            width: 32%;
            height: 38px;
            border: 1px solid #a7aab5;
            outline: none;
            border-radius: 10px 0 0 10px;
            font-size: 25px;
            padding-left: 10px;
        }
        
        .coltext {
            font-size: 18px;
        }
        
        .coltext2 {
            font-size: 18px;
            color: #f59f77;
        }
        
        .text :focus {
            outline: #4e71f2;
        }
        
        .btn {
            width: 6%;
            height: 40px;
            border-radius: 0 10px 10px 0;
            border: none;
            outline: none;
        }
        
        .item {
            width: 100%;
            height: 250px;
            margin-top: 60px;
            display: flex;
            justify-content: center;
        }
        
        .item .mask {
            width: 65.5%;
            height: 100%;
            background-color: #fff;
            opacity: 0.85;
            border-radius: 16px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        
        .item .mask img {
            display: inline-block;
            padding: 20px 0 20px 20px;
            width: 58%;
            height: 80%;
        }
        
        .item .mask .content {
            display: inline-block;
            width: 52%;
            height: 80%;
            margin-left: 50px;
        }
        
        ul {
            list-style: none;
        }
        
        ul li {
            line-height: 20px;
            height: 20px;
            font-size: 8px;
            padding-top: 8px;
            cursor: pointer;
        }
        
        .mask ul li:nth-of-type(1)::before {
            content: "1. ";
            color: red;
        }
        
        .mask ul li:nth-of-type(2)::before {
            content: "2. ";
            color: #f59f77;
        }
        
        .mask ul li:nth-of-type(3)::before {
            content: "3. ";
            color: #f0ce8a;
        }
        
        .mask ul li:nth-of-type(4)::before {
            content: "4. ";
        }
        
        .mask ul li:nth-of-type(5)::before {
            content: "5. ";
        }
        
        .mask ul li:nth-of-type(6)::before {
            content: "6. ";
        }
        
        .mask ul li:nth-of-type(7)::before {
            content: "7. ";
        }
    </style>

</head>

<body>
    <!--在这一行下面写html-->
    <div class="father">
        <div class="left">
            <span><a href="http://zk-tech.taobao.com/">首页</a></span>
            <span><a href="http://zk-tech.taobao.com/">产品</a></span>
            <span><a href="http://zk-tech.taobao.com/">解决方案</a></span>
            <span><a href="http://zk-tech.taobao.com/">技术支持</a></span>
            <span><a href="http://zk-tech.taobao.com/">主要案例</a></span>
            <span><a href="http://zk-tech.taobao.com/">关于我们</a></span>
            <span><a href="http://zk-tech.taobao.com/">更多</a></span>
            <span><a href=" https://zkarm2008.gitee.io/webpage/">留言</a></span>
        </div>
        <div class="right">
            <span><a href="javascript:;">设置</a></span>
            <img src="./img/header.png">
            <span><a href="javascript:;">用户</a></span>
        </div>
    </div>

    <div class="coltext">
        <td>
            <marquee behavior="alternate" direction="right" scrolldelay="300" style="color:#FFFFFF">
                广州和晓智控科技　　和晓储物专家 ！！！
            </marquee>
        </td>
    </div>

    <h1 align="center">广州和晓电子科技有限公司 智能寄存柜</h1>
    <div>
        <h2 align="center">成熟各种智能储物柜技术方案（微信共享寄存柜，条码柜，指纹柜，IC卡柜，RFID柜，人脸识别柜，联网寄存柜，快递柜 ,<span class="STYLE3">B2C,O</span>2<span class="STYLE3">O</span>智能配送柜，　可按客户要求定制），有产品在售，可购买样品参考！</h2>
        <h2 align="center">PCB图、 程序、BOM料单、进货渠道、生产指导、技术咨询、一应俱全让你顺利投产！！成熟的技术，成熟的方案，成熟的产品。</h2>
        <h2 align="center">帮助客户产品快速推向市场和树立企业品牌提供保证。</h2>
        <h2 align="center">欢迎咨询 QQ：1113503659 TEL：15817120521 肖工 </h2>
        <h1 align="center" class="coltext2">详细请联系: <u><a  class="coltext2" href="http://zk-tech.taobao.com/"><em>http://zk-tech.taobao.com /</em></a></u></h1>
        <p align="center">&nbsp;</p>
    </div>

    <h3 align="center" class="coltext2"> <a class="coltext2" href="http://www.beian.miit.gov.cn"> 备案号粤ICP备13046142号 工信部网站（www.beian.miit.gov.cn） </a> </h3>
</body>

</html>